<template>
	<div>
		<van-tabs class="tabs" animated swipeable sticky>
			<van-tab :title="tab + '榜'" v-for="tab in tabs" :key="tab">
				<div class="block-content p-2">
					<div class="list-card" v-for="i in 16" :key="i">
						<div class="item-thumb">
							<img src="https://via.placeholder.com/240x320" />
						</div>
						<div class="list-card-content">
							<div class="item-title">偷窺（全集无删减）</div>
                            <div class="item-rate mb-1">
								<van-rate v-model="value" void-icon="star" size="12" />
								<span>{{ value }}</span>
							</div>
							<div class="item-desc van-multi-ellipsis--l3">这是一段最多显示三行的文字，多余的内容会被省略这是一段最多显示三行的文字，多余的内容会被省略这是一段最多显示三行的文字，多余的内容会被省略</div>
						</div>
					</div>
				</div>
			</van-tab>
		</van-tabs>
	</div>
</template>

<script>
export default {
	components: {},
	data() {
		return {
            value: 3.5,
			tabs: ["畅销", "人气", "连载", "完结"]
		};
	}
};
</script>
